@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{ border:none;}
body{ font-size:12px;font-family:Arial, Helvetica, sans-serif,"宋体";}
#wrapper{ margin:0 auto; width:1002px;}
.clear{ clear:both;}
/*header*/
.header{ height:82px; background:url(../images/topbg.jpg) repeat-x;}
.logo{ margin-left:20px; padding-top:10px;}
/*nav*/
#nav{background: url(../images/navbg.gif) repeat-x; width:1000px; height:38px; line-height:38px; text-align:center;   padding-left:2px; margin-top:0px; }
.navlist li{background:url(../images/menu_link.png) repeat-x; height:38px;float:left;position:relative; display:inline; text-align:center; font-size:14px;}
.navlist li a{color:#fff; text-decoration:none; height:38px; width:100%; text-align:center; line-height:38px; display:inline-block;}
.navlist li a:hover {color:#333;background: url(../images/navhover.gif) no-repeat center top; }

.navlist1{width:113px; position:absolute; top:38px; left:0;  z-index:999; display:none;}
.navlist1 li{width:113px; background:#fff;  float:left; margin:0; line-height:40px; height:38px;}
.navlist1 li a{color:#000;}
.navlist li .navlist1 li a:hover{ background-image:none; background-color:#999}
.navlist1 li a:hover{color:#fff;}

/*banner*/
.nvabom{ background:url(../images/navbg.jpg) repeat-x; height:1px;}
.banner{ width:1002px;}
/*content*/
.content{margin-top:10px;}
#left{ border-left:1px #dedede solid; border-right:1px #dedede solid; width:218px; float:left;}
#left .leftpic{ width:218px; }
#left .leftitle{ border-top:1px #dedede solid; border-bottom:1px #dedede solid;}
#left .lefttext{ margin:15px; height:240px;}
#left .lefttext p{ line-height:1.8em;}
.menu {font-family: arial, sans-serif; width:150px; position:relative; margin:0 auto; font-size:12px;  text-align:center; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:150px; height:25px; text-align:center;color:#000;line-height:22px; font-size:12px;overflow:hidden;}
.menu ul {padding:0; margin:0;}
.menu ul li {position:relative; background: url(images/list09.png) no-repeat; width:150px; height:25px; z-index:99999;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color: #1e6caa;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:150px; width:160px;border-bottom:#fff 1px dotted;  }
.menu ul li:hover ul li a.hide {background:#2f87b9; color:#fff; border-bottom:#FFF 1px dotted; border-left:#fff 1px solid; }
.menu ul li:hover ul li:hover a.hide {background:#036; color:#ff0; border-bottom:#000 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li ul {display: none;border-left:#000 1px dotted;}
.menu ul li:hover ul li a {display:block; background:#2f87b9; color:#fff; border-bottom:#000 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li a:hover {background:#036; color:#ff0;border-bottom:#000 1px dotted; border-left:#FFF 1px solid;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0;}


.right{ width:780px; float:right; border-right:1px #dedede solid; height:500px;}
.right .rtop{ height:256px; border-bottom:1px #dedede solid;}
.right .rtop .rmid{ border-right:1px #dedede solid; height:255px; width:530px; float:left;}
.right .rtop .rmid .rmtitle{ background: url(../images/midtitle.jpg) no-repeat; width:530px; height:35px;}
.right .rtop .rmid .rmtitle h2{ font-size:14px;color:#216fa1; line-height:45px; margin-left:35px; font-style:normal; float:left;}
.right .rtop .rmid .rmtitle span{ color:#000; font-size:10px; float:right; margin-right:20px; font-style:normal; line-height:45px;}
.right .rtop .rmid .rmtitle span a{ color:#000; text-decoration:none;}
.right .rtop .rmid .rmtitle span a:hover{ color:#1e6caa; text-decoration:none;}
.right .rmtext{ margin:15px;height:190px; overflow:hidden;}
.right .rmtext p{ text-indent:2em; line-height:1.5em; margin-bottom:1em;}

.raside{ float:right;}
.raside .rastitle{ background:url(../images/rastitle.png) no-repeat; width:212px; height:51px; }
.raside .ratext{text-align:center;}
.raside .ratext ul{ margin-left:20px;}
.raside .ratext ul li{ background:url(../images/list09.png) no-repeat; width:150px; height:20px; text-align:center;}
.raside .ratext ul li a{ color:#000; text-decoration:none; line-height:1.7em;}
.raside .ratext ul li a:hover{ color:#0778b4;}

.right .rbottom{ }
.right .rbottom .rtitle{background: url(../images/rtitle.jpg) no-repeat; width:750px; height:35px;}
.right .rbottom .rtitle h2{font-size:14px;color:#216fa1; line-height:45px; margin-left:35px; font-style:normal; float:left;}
.right .rbottom .rtitle span{color:#000; font-size:10px; float:right; margin-right:-10px; font-style:normal; line-height:45px;}
.right .rbottom .rtitle span a{color:#000; text-decoration:none;}
.right .rbottom .rtitle span a:hover{color:#1e6caa; text-decoration:none;}
.right .rbottom .rpic{ text-align:center; float:left; width:700px; margin-left:30px;}

/*Company*/
.company{border-top:1px #dedede solid; margin-top:10px; overflow:hidden;}
.company .left{ border-left:1px #dedede solid; border-right:1px #dedede solid; width:218px; float:left; margin-bottom:-3000px; padding-bottom:3000px; display: inline;}
.company .leftpic{ width:218px; margin-top:-1px;}
.company .leftitle{  border-bottom:1px #dedede solid;}
.company .lefttext{ margin:15px; height:240px;}
.company .lefttext p{ line-height:1.8em;}
.company .right1{width:770px;  border-right:1px #dedede solid; border-left:1px #dedede solid;  float:right; margin-bottom:-3000px; padding-bottom:3000px; display: inherit;}
.company .right1 .rctitle{background: url(../images/rtitle.jpg) no-repeat; width:750px; height:35px;}
.company .right1 .rctitle h2{font-size:14px;color:#333; line-height:45px; margin-left:35px;float:left; font-weight:normal; float:left;}
.company .right1 .rctitle .weizhi{font-size:12px;color:#333; line-height:45px; font-weight:normal;float: right;}
.company .right1 .rctitle span{font-size:12px;color:#333; line-height:45px;  font-weight:normal; }
.company .right1 .rctitle  a{font-size:12px;color:#333; line-height:45px; font-weight:normal; text-decoration:none; }
.company .right1 .rctitle  a:hover{font-size:12px;color:#1e6caa; line-height:45px;  font-weight:normal; }
.company .right1 .rctext{}
.comtext{ margin:15px;}
.comtext p{ line-height:1.5em; margin-bottom:10px; text-indent:2em;}

.righnews{margin:0 auto; width:720px; margin-top:20px;}
.newslist ul li{color:333; font-size:12px; background:url(../images/news_list.png) no-repeat left top; height:25px; border-bottom:#CCC 1px dotted; padding-left:20px; padding-right:5px;line-height:25px; width:700px;}
.newslist ul li a{text-decoration:none; color:#333; float:left; }
.newslist ul li a:hover{color:#1e6caa;}
.newslist ul li  span{color:#333; display:block; float:right;}
.page{text-align:center; padding:40px 0; width:770px; margin:0 auto;}
.page a{font-size:12px; color:#333; text-decoration:none; float:left; background:#ccc; padding:0 6px; height:20px; line-height:20px;text-align:center; margin:0 3px;}
.page a:hover{background:#1e6caa; color:#FFF;}
.page a.se1{background:#1e6caa; color:#FFF;}
.page a.se{width:50px; background:none;}
.page a.se:hover{width:50px; background:none; color:#1e6caa;}
.details{ margin:15px;}
.caption{border-bottom:#CCC 1px dotted; width:750px; text-align:center; height:30px; line-height:30px; margin-top:20px;}
.caption h2{font-size:16px; color:#333; width:750px; text-align:center} 
.content{color:#333; font-size:12px; line-height:26px;}
.content .writer{ float: right; margin:10px 20px;}
.content p{text-indent:2em; line-height:1.5em; margin-bottom:10px;}
.share{float:right;}
.page1{font-size:12px; color:#333; text-decoration:none; margin-top:40px; margin-bottom:40px; }
.page1 p{height:2em;}
.page1 a{font-size:12px; color:#333; text-decoration:none; margin-left:10px;}
.page1 a:hover{font-size:12px; color:#1e6caa; text-decoration:none;}
.olms{ padding:30px 20%; }
.olms form input{border:#CCC 1px solid; width:250px; margin-bottom:15px;}
.olms form textarea{border:#CCC 1px solid; width:250px; height:180px; float:left;}
.olms form span{float:left;}
.olms form .but{text-align:center; width:300px;} 
.olms form .butt{background:#1e6caa; width:40px; height:22px; border:none; margin-top:20px; color:#FFF;}
.music{ width:773px;}
.music .bofang{ margin-top:20px; }
.music .muslist{ text-align:center;  margin-top:40px; }
.music .muslist ul{ width:600px; margin-left:10%;}
.music .muslist ul li { border-bottom:#CCC 1px dotted; height:30px; padding:0 15px; line-height:25px;}
.music .muslist ul li span{ float:left; margin-right:20px;}
.music .muslist ul li span a{ color:#333; text-decoration:none;}
.music .muslist ul li span a:hover{ color:#1e6caa; text-decoration:none;}
.music .muslist ul li img{ float:right; height:18px; margin-top:5px; }
.video{ width:760px;}
.video .shipin{ margin-top:20px;  border:#ccc 1px solid; height:250px; width:500px; margin-left:15%;}
.video .vidlist{ text-align:center;  margin-top:40px; }
.video .vidlist ul{ width:600px; margin-left:10%;}
.video .vidlist ul li { border-bottom:#CCC 1px dotted; height:30px; padding:0 15px; line-height:25px;}
.video .vidlist ul li span{ float:left; margin-right:20px;}
.video .vidlist ul li span a{ color:#333; text-decoration:none;}
.video .vidlist ul li span a:hover{ color:#1e6caa; text-decoration:none;}
.video .vidlist ul li img{ float:right; height:18px; margin-top:5px; }
.contact{ padding:15px;}
.contact p{ line-height:1.8em;}
.prds{margin-top:20px;}
.prds ul li{width:245px; height:240px; background:#2f87b9; float:left; margin-left:10px; margin-bottom:20px; }
.prds ul li p a{ text-decoration:none; color:#FFF;}
.prds ul li p a:hover{ color:#ff0;}
.prds ul li p{text-align:center; color:#FFF; height:40px; line-height:40px; display:block;}
.prdts{ padding:15px;}
.prdts .prdtpic{ float:left; margin:0 15px 15px 0px; width: 245px;}
.prdts .prdttext{ float:right; width:480px; margin-top:20px; line-height:1.8em;}
.prdts .prdtad{ border-top:1px #ccc dotted; padding:20px 15px;}
.prdts .prdtad p{ line-height:1.5em; text-indent:2em;}
.leftnav{ border:none;}
.leftnav .leftitle{ background: url(../images/astop.png) no-repeat; width:218px; height:51px; border:none; margin-top:-1px; border:none;}
.leftnav .leftext{}

#product{ padding:10px;}
#page1{ margin-top:50px;}
div#productquery { margin: 0px 11px 10px 10px; text-align: center; float: left; }
div#productquery div.fang { padding: 3px; text-align: center; border: 1px solid #eee; }
div#productquery div.picFit { overflow: hidden; }
.picFit {

        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;
        /*设置水平居中*/
        text-align:center;
        /* 针对IE的Hack */
        *display: block;
        *font-size: 149px;
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width:118px;
        height:187px;
}
.picFit img {
        /*设置图片垂直居中*/
        vertical-align:middle;
}
.bla a{ color:#444;}
.bla a:hover{ color:#444;}


    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	
#page1 p{ line-height:30px;}	


/*footer*/
.footer{background:url(../images/footer.jpg) no-repeat; width:1002px; height:83px; padding-top:30px;}
.footer .footext{ margin-left:45%; color:#666; }
.footer .footext a{ color:#666; text-decoration:none;}
.footer .footext a:hover{ color:#0778b4;}


.lianxi p{ margin-left:45px;}
#left .lefttext p{ line-height:18px; text-indent:0;}


.raside {background: url(../images/rtitle.jpg) no-repeat;}
.raside .more{float:right;    font-size: 10px;  font-weight: normal;text-decoration:none;}
.raside h3 {margin-left: 35px;    line-height: 45px;color:#216fa1;font-size:14px;}
ul.news_right li a{text-decoration:none;color:#333;}
ul.news_right li a:hover{color:#216fa1;}
ul.news_right{padding-left:20px;}